<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端基础练习后续</title>
</head>
<body>
    <div>
        <p>请输入用户名</p>
        <input type="text"/>
    </div>
    <div>
        <span>请输入用户名</span>
        <input type="text"/>
    </div>
    <div>
        <label for="uname">用户名：</label>
        <input type="text" id="uname"/>
    </div>
    <div>
         <label for="uname">请输入意见：</label>
        <textarea name="desc" id="desc" cols="100" rows="10"></textarea>
    </div>
    <div>
        <p>下拉框</p>
        <form action="">
        <select name="bm">
            <option value="1">商城</option>
            <option value="2" selected>物流</option>
            <option value="3">零售</option>
        </select>
        <input type="submit" value="submit"/>
        </form>
    </div>
    <div>
        <ol>
            <li>快乐小熊</li>
            <li>快乐rabit</li>
        </ol>
        <ul>
            <li>快乐小熊</li>
            <li>快乐rabit</li>
        </ul>
        <dl>
            <dt>姓名</dt>
            <dd>快乐小熊</dd>
            <dd>快乐rabit</dd>
        </dl>
    </div>
    <div>
        <p>表格</p>
        <table border="1px slide ">
            <thead>
                <th>姓名</th>
                <th>年龄</th>
                <th>身高</th>
                <th>家庭住址</th>
                <th colspan="2">操作</th>
            </thead>
            <tbody>
                <tr>
                    <td>小张</td>
                    <td>20</td>
                    <td>180</td>
                    <td>北京</td>
                    <td rowspan="2">编辑</td>
                    <td rowspan="3">删除</td>
                </tr>
                <tr>
                    <td>小红</td>
                    <td>20</td>
                    <td>180</td>
                    <td>北京</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div>
        <p>图片</p>
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2F2021%2Fedpic%2F19%2F97%2Fe4%2F1997e4bccc8a5553baa06be24e9b2d1b_1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619508303&t=51ebcec485ac6dcd249fbcead8bc9229">
    </div>
</body>
</html>